<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no" />
		<meta name="apple-mobile-web-app-capable" content="yes" />
		<meta http-equiv="Cache-Control" content="no-siteapp">
		<meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">
		<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
		<meta name="apple-mobile-web-app-title" content="汉方">
		<link rel="stylesheet" href="css/mui.css">
		<link rel="stylesheet" href="css/common.css">
		<link rel="stylesheet" href="font_1194907_f8b8oshwnqi/iconfont.css">
		<link rel="stylesheet" href="css/commission.css">
		<link rel="stylesheet" href="css/sel.css">
		<script src="js/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/jquery.scrollablecombo.js" type="text/javascript" charset="utf-8"></script>
		<title>佣金提现</title>
		<style>
			.mui-bar-nav a{color:#333;}
			.content {
				padding-top: 44px;
			}
			.mui-slider-indicator .mui-indicator {
				background: #fff;
			}

			.mui-slider-indicator .mui-active.mui-indicator {
				background: #FF0000;
			}
		</style>
	</head>
	<body>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">佣金提现</h1>
		</header>
		<div class="content">
			<div class="tab">
				<div class="tab-menu">
					<ul>
						<li class="active"><span>销售佣金提现</span></li>
						<li><span>商城佣金提现</span></li>
					</ul>
				</div>
				<div class="tab-box">
                    <div class="sale">
						<div class="sale_top">
							<p>您的可提现佣金金额为<b>0.00</b>元</p>
							<p>封存佣金金额为<b>0.00</b>元</p>
						</div>
						<div class="sale_info">
							<div class="info_list">
								<label for="">姓名</label>
								<input type="text" placeholder="夏天">
							</div>
							<div class="info_list">
								<label for="">手机号</label>
								<input type="tel" placeholder="13592506856">
							</div>
							<div class="info_list">
								<label for="">卡号</label>
								<input type="text" placeholder="银行卡号">
							</div>
							<div class="info_list">
								<label for="">开户行</label>
								<input type="text" placeholder="开户银行信息">
							</div>
							<div class="info_list">
								<label for="">选择银行</label>
								<div class="box">
									<select id="ui_element" onmousedown="if(this.options.length>3){this.size=4}" onblur="this.size=1" onchange="this.size=1">
										<option value="A" selected>请选择银行</option>
										<option value="B">中国工商银行</option>
										<option value="C">中国建设银行</option>
										<option value="D">中国农业银行</option>
										<option value="E">中国人民银行</option>
										<option value="F">中国银行</option>
										<option value="G">交通银行</option>
										<option value="H">中信银行</option>
										<option value="I">招商银行</option>
										<option value="J">浦发银行</option>
										<option value="K">中原银行</option>
									</select>
								</div>
							  
							</div>
							<div class="info_list">
								<label for="">身份证</label>
								<input type="text" placeholder="身份证号">
							</div>
						</div>
						<div class="sale_cash">
							<span><input type="text" placeholder="请输入提现金额"></span>
							<span> <button>确定</button></span>
						</div>
						<div class="sale_tip">
							<p>注意：姓名必须填写真实银行卡户名，每次提现必须满足最低提现金额10元，每次提现其中10%进入复购积分，并扣除运营管理费及手续费13%。</p>
						</div>
					</div>
					<div>
					<div class="sale">
							<div class="sale_top">
								<p>您的可提现佣金金额为<b>0.00</b>元</p>
								<p>封存佣金金额为<b>0.00</b>元</p>
							</div>
							<div class="sale_info">
								<div class="info_list">
									<label for="">姓名</label>
									<input type="text" placeholder="夏天">
								</div>
								<div class="info_list">
									<label for="">手机号</label>
									<input type="tel" placeholder="13592506856">
								</div>
								<div class="info_list">
									<label for="">卡号</label>
									<input type="text" placeholder="银行卡号">
								</div>
								<div class="info_list">
									<label for="">开户行</label>
									<input type="text" placeholder="开户银行信息">
								</div>
								<div class="info_list">
									<label for="">选择银行</label>
									<div class="box">
										<select id="ui_element" onmousedown="if(this.options.length>3){this.size=4}" onblur="this.size=1" onchange="this.size=1">
											<option value="A" selected>请选择银行</option>
											<option value="B">中国工商银行</option>
											<option value="C">中国建设银行</option>
											<option value="D">中国农业银行</option>
											<option value="E">中国人民银行</option>
											<option value="F">中国银行</option>
											<option value="G">交通银行</option>
											<option value="H">中信银行</option>
											<option value="I">招商银行</option>
											<option value="J">浦发银行</option>
											<option value="K">中原银行</option>
										</select>
									</div>
								  
								</div>
								<div class="info_list">
									<label for="">身份证</label>
									<input type="text" placeholder="身份证号">
								</div>
							</div>
							<div class="sale_cash">
								<span><input type="text" placeholder="请输入提现金额"></span>
								<span> <button>确定</button></span>
							</div>
							<div class="sale_tip">
								<p>注意：姓名必须填写真实银行卡户名，每次提现必须满足最低提现金额10元，每次提现其中10%进入复购积分，并扣除运营管理费及手续费13%。</p>
							</div>
					</div>
				</div>
			</div>
		</div>
		<script>
			$().ready(function() {
				$(".tab-menu li").mouseover(function() {
					//通过 .index()方法获取元素下标，从0开始，赋值给某个变量
					var _index = $(this).index();
					//让内容框的第 _index 个显示出来，其他的被隐藏
					$(".tab-box>div").eq(_index).show().siblings().hide();
					//改变选中时候的选项框的样式，移除其他几个选项的样式
					$(this).addClass("active").siblings().removeClass("active");
				});
			});
		</script>
		<script>
			$(function(){

			//        下拉银行卡

				$(".hotBank-list-ico").bind('click',function(){
				   $('#chose_input').val($(this).attr('title'));
					$('.bank_xl').hide();
					$("#chose_bank").parent('div').find('img').addClass('jt_xz');
				});
				$("#chose_bank").click(function(){
					$('.bank_xl').show();
					$("#chose_bank").parent('div').find('img').removeClass('jt_xz');
				});
			//        下拉银行卡

			})
			</script>
			<script>
			if (navigator.userAgent.match(/IEMobile\/10\.0/)) {
				var msViewportStyle = document.createElement('style')
				msViewportStyle.appendChild(
						document.createTextNode(
								'@-ms-viewport{width:auto!important}'
						)
				)
				document.querySelector('head').appendChild(msViewportStyle)
			}

			</script>
	</body>
</html>
